<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="#" id="myform" onsubmit="return check()" >
    <input type="text" id="myinput" name="user" value="username">
    <input type="submit" value="提交">
</form>

<script type="text/javascript">
    /**
     * 表单对象方法：
     onsubmit:在提交表单之前调用，如果返回true，则提交表单
        在提交表单之前提交，验证用户信息是否正确
        在表单标签中添加（标签属性 ）
     elements：访问表单中的所有控件（数组形式返回）
     */
    function check(){
        // 需求：验证用户名是否为空，如果是，不提交

        //1,获取myinput
        var myinput = document.getElementById("myinput");
        // console.log(myinput);
        //2,获取value值
        var value = myinput.value;
        // console.log(value);
        // 3,判断value是否为空
        if(value == ""){
            alert("用户名不能为空");
            return false;
        }else{
            return true;
        }
    }




</script>

</body>
</html>